<template>
	<div class="mobile">
		<div class="nav-top">
			<div class="left" @click="back()">
				<img src="../../../assets/img/phone-back.png" alt="">
			</div>
			<div class="right">
				<span></span>
				<img src="../../../assets/img/phone-more.png" alt="">
			</div>
		</div>
		<div class="inner-banner">
			<div class="badge">
				<img src="../../../assets/img/phone-badge.png" alt="">
			</div>
			<h3>{{ street.streetName }}代表联络站</h3>
		</div>
		<div class="site">
			<div class="site-nav">
				<div class="nav">
					<div class="left">
						<img src="../../../assets/img/net2.png" alt="">
					</div>
					<div class="right">
						<div class="name">联絡站</div>
						<div class="num">{{ street.representativesCount }}</div>
					</div>
				</div>
				<div class="nav">
					<div class="left">
						<img src="../../../assets/img/net1.png" alt="">
					</div>
					<div class="right">
						<div class="name">驻站代表</div>
						<div class="num">{{ street.stationCount }}</div>
					</div>
				</div>
			</div>
			<div class="title">
				<div class="line"></div>人大代表网上联络站
			</div>
			<div class="street-list">
				<div class="item" :class="{ 'active': item.checked }" v-for="item in station"
					@click="goStationItem(item.id)">
					<div class="pic">
						<img src="../../../assets/img/contact-icon.png" alt="">
					</div>
					<div class="txt">
						<div class="top">
							{{ item.name }}
						</div>
						<div class="bottom">
							<img src="../../../assets/img/contact-icon5.png" alt="">
							{{ item.address }}
						</div>
					</div>
					<div class="arrow">
						>
					</div>
				</div>
			</div>

		</div>
	</div>
</template>

<script>

import { getStaionInfo, getStreetInfo } from "@/api/website";
import { Number } from 'core-js';
export default {
	data() {
		return {
			station: [],
			street: {},
			stationId: Number
		}
	},
	components: {

	},
	created() {
		this.init()
	},
	mounted() {

	},
	methods: {
		back(){
			this.$router.back()
		},
		init() {
			getStreetInfo(this.$route.query.id).then(response => {
				this.street = response.data;
			});
			getStaionInfo({ id: this.$route.query.id }).then(response => {
				this.station = response;
			});
		},
		goStationItem(id){
			this.$router.push({ path: '/portal/net/siteContactm', query: { id: id } })
		}
	}

};

</script>

<style scoped lang="scss"></style>
